<template>
	<view class="container">
		<!--头部start-->
		<view class="header">
			<u-status-bar></u-status-bar>
			<view class="con">
				<image src="/static/images/back.png" mode="widthFix" class="back"></image>
				<view class="tit">完善资料</view>
			</view>
		</view>
		<u-status-bar></u-status-bar>
		<!--头部end-->
		
		<!--完善资料start-->
		<view class="improve">
			<view class="improve_tab">
				<text>验证手机</text>
				<text class="active">设置密码</text>
				<text>确认姓名</text>
			</view>
			
			<view class="code_form">
				<view class="t_input">
					<label>设置登录密码</label>
					<u-input type="text" :password="showPassword" name="password" value="Tao543se" placeholderStyle="color: #8B8B8C"></u-input>
					<view class="eye" :class="[showPassword==true?'':'on']" @click="ShowPwd"></view>
				</view>
				<view class="t_input">
					<label>再次输入确认</label>
					<u-input type="text" :password="showPassword01" name="password" value="Tao543se" placeholderStyle="color: #8B8B8C"></u-input>
					<view class="eye" :class="[showPassword01==true?'':'on']" @click="ShowPwd01"></view>
				</view>
				<view class="tips">登录密码不少于 8 位，不能为纯数字</view>
				<view class="t_input">
					<label>设置安全密码</label>
					<u-input type="number" :password="showPassword02" name="password" value="1223454" placeholderStyle="color: #8B8B8C"></u-input>
					<view class="eye" :class="[showPassword02==true?'':'on']" @click="ShowPwd02"></view>
				</view>
				<view class="t_input">
					<label>再次输入确认</label>
					<u-input type="number" :password="showPassword03" name="password" value="1223454" placeholderStyle="color: #8B8B8C"></u-input>
					<view class="eye" :class="[showPassword03==true?'':'on']" @click="ShowPwd03"></view>
				</view>
				<view class="tips">交易密码为 6 位纯数字</view>
			</view>
			
		</view>
		<!--完善资料end--> 
		
		<!--底部start-->
		<view class="f_btn">
			<button class="submit on">确定</button>
			<u-safe-bottom></u-safe-bottom>
		</view>
		<!--底部end-->
		
		<u-safe-bottom></u-safe-bottom>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				showPassword: true,
				showPassword01: true,
				showPassword02: true,
				showPassword03: true
			}
		},
		methods:{
			ShowPwd(){
				this.showPassword = !this.showPassword
			},
			ShowPwd01(){
				this.showPassword01 = !this.showPassword01
			},
			ShowPwd02(){
				this.showPassword02 = !this.showPassword02
			},
			ShowPwd03(){
				this.showPassword03 = !this.showPassword03
			}
		}
	}
</script>

<style lang="scss">
	@import url("../../common/style.scss");
	@import url("member.scss");
</style>